<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" th:href="@{/img/favicon.jpg}" type="image/x-icon">
    <link rel="stylesheet" th:href="@{/pearAdminLayUI/component/pear/css/pear.css}" />
    <script type="text/javascript" th:src="@{/pearAdminLayUI/component/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/pearAdminLayUI/component/pear/pear.js}"></script>
</head>
<body>
<div style="height: 1000px">11111</div>
<div style="height: 1000px">222</div>
<div style="height: 1000px">333</div>
<script>
    layui.use(['util','toast'], function() {
        const util = layui.util,
            toast = layui.toast;
        toast.success({title:"成功消息",message:"消息描述1"})
        toast.error({title:"危险消息",message:"消息描述2"})
        toast.warning({title:"警告消息",message:"消息描述3"})
        toast.info({title:"通知消息",message:"消息描述4"})
        util.fixbar({});
    });
</script>
</body>
</html>